<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8" />
	<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
	<title>Document</title>
	<link rel="stylesheet" type="text/css" href="../css/index.css"/>
	<script type="text/javascript" src="../js/rem.js"></script>
	<script type="text/javascript" src="../js/jquery-3.1.1.js"></script>
	
</head>
<body>
	<div class="banner">
			<ul class="banner-1">
				<li><a href="#"><</a></li>
				<li class="zhongxin">消费详情<span class="xl" id="xl">V</span></li>
				<li></li>
			</ul>
			<div class="div1">
					<div class="box">
					<p>全部账户</p>
					<ul class="list1">
						<li></li>
						<li class="list1-2">应用</li>
						<li></li>
					</ul>
					<ul class="list2">
						<li>天天消消乐</li>
						<li>大话西游</li>
						<li>王者荣耀</li>
					</ul>
					<div style="width: 100%;height:640px;background: rgba(0,0,0,0.5);"></div>
						
					
					</div>
				</div>
		<div class="banner-2">
			<ul>
				<li>2016年7月15日</li>
				<li>总消费1528条</li>
			</ul>
		</div>
	</div>
	
	<div class="nav">
		<ul>
			<li class="kuai">闪</li>
			<li class="kuai-1">
				<p class="kuai-1-1"><span>天天消消乐</span> <b>闪注量充值</b></p>
				<p>2016/7/6 14:24</p>
			</li>
			
			<li class="kuai-2">-1条</li>
		</ul>
	</div>
	<div class="nav">
		<ul>
			<li class="kuai">短</li>
			<li class="kuai-1">
				<p class="kuai-1-1"><span>大话西游</span> <b>短信量消费</b></p>
				<p>2016/7/6 14:24</p>
			</li>
			
			<li class="kuai-2">-1条</li>
		</ul>
	</div>
	<div class="nav">
		<ul>
			<li class="kuai">短</li>
			<li class="kuai-1">
				<p class="kuai-1-1"><span>王者荣耀</span> <b>闪注量充值</b></p>
				<p>2016/7/6 14:24</p>
			</li>
			
			<li class="kuai-2">-1条</li>
		</ul>
	</div>
	<div class="nav">
		<ul>
			<li class="kuai">闪</li>
			<li class="kuai-1">
				<p class="kuai-1-1"><span>大话西游</span> <b>闪注量充值</b></p>
				<p>2016/7/6 14:24</p>
			</li>
			
			<li class="kuai-2">+1条</li>
		</ul>
	</div>
		<div class="xian">
			<p>2016年 6月</p>
		</div>
	<div class="nav">
		<ul>
			<li class="kuai">闪</li>
			<li class="kuai-1">
				<p class="kuai-1-1"><span>大话西游</span> <b>闪注量充值</b></p>
				<p>2016/7/6 14:24</p>
			</li>
			
			<li class="kuai-2">+1条</li>
		</ul>
	</div>
	<div class="nav">
		<ul>
			<li class="kuai">闪</li>
			<li class="kuai-1">
				<p class="kuai-1-1"><span>大话西游</span> <b>闪注量充值</b></p>
				<p>2016/7/6 14:24</p>
			</li>
			
			<li class="kuai-2">+1条</li>
		</ul>
	</div>
	<div class="nav">
		<ul>
			<li class="kuai">闪</li>
			<li class="kuai-1">
				<p class="kuai-1-1"><span>天天消消乐</span> <b>闪注量充值</b></p>
				<p>2016/7/6 14:24</p>
			</li>
			
			<li class="kuai-2">+1条</li>
		</ul>
	</div>
	<div class="nav">
		<ul>
			<li class="kuai">闪</li>
			<li class="kuai-1">
				<p class="kuai-1-1"><span>天天消消乐</span> <b>闪注量充值</b></p>
				<p>2016/7/6 14:24</p>
			</li>
			
			<li class="kuai-2">+1条</li>
		</ul>
	</div>
	<div class="xian">
		<p>2016年 7月14日</p>
	</div>
	<div class="nav">
		<ul>
			<li class="kuai">闪</li>
			<li class="kuai-1">
				<p class="kuai-1-1"><span>天天消消乐</span> <b>闪注量充值</b></p>
				<p>2016/7/6 14:24</p>
			</li>
			
			<li class="kuai-2">+1条</li>
		</ul>
	</div>
</body>
<script type="text/javascript" src="js/xiaofei.js"></script>
</html>